*{
	margin:0;padding:0;
}
#box{
	height:810px;
	background-color:#F0F0F0;
}
label{font-weight: normal;}
    /*头部*/
.box-header{ 
    -webkit-background:#000;
    background:#000;
    color:white;
    width:100%;
    height:36px;
    min-width:340px;
    border:0px solid #000;
    
    	}
.box-header-div1{
    width:30%;
    height:36px;
    border:0px solid #000;
   	float:left;
   	
    }
.box-header-div1_div1{
    width:10%;
    height:36px;
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
    }
.box-header-div1_div1 img{
    width:12px;
    height:22px;
    }
.box-header-div1-div2{
    width:50%;
    height:36px;
    line-height:40px;
    float:left;
    border:0px solid #000;
    	}
.box-header-div1-div2 a{
    color:white;
    font-size:18px;
    line-height:23px;
    }
a:hover{
    text-decoration:none ;
   }
.box-header-div2{
    width:40%;
    height:36px;
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:18px;
   }
.box-header-div2{
    color:white;
   }
.box-header-div3{
    width:30%;
    height:36px;
    line-height:36px ;
    border:0px solid #000;
    float:left;
   }
.box-header-div3 img{
    margin-left:60%;
   }
    	
 /*搜索框*/
.box-search{
    width:100%;
    height:45px;
    background-color:#D6D6D6;
    min-width:340px;
    border:0px solid gray;	
    }
.box-search input{
	width:94%;
	height:32px;
    border-radius:7px ;
    -webkit-border-radius:7px ;
    -ms-border-radius:7px;
    -moz-border-radius:7px ;
    text-align: center;
    margin-left:3%;
    margin-top:8px;
    color:gray;
    border:0;
}
.box-search-input{
	width:100px;
	border-radius:5px;
	 -webkit-border-radius:5px ;
    -ms-border-radius:5px;
    -moz-border-radius:5px ;
	border-color:red;
}

.empty{
	width:100%;
	height:10px;
	background-color:#F0F0F0;
}
/*中间*/
.box-content{
	width:100%;
	height:720px;
	min-width:340px;
	border:0px solid #000;
}
.box-content-top{
	width:94%;
	height:353px;
	border:0px solid red;
	margin:0 auto;
	border-radius:0px 0px 12px 12px;
	 -webkit-border-radius:0px 0px 12px 12px;
    -ms-border-radius:0px 0px 12px 12px;
    -moz-border-radius:0px 0px 12px 12px;
	}

/*锯齿*/
.box-content-gear{
	    width:100%;
	    height:50px;
	    border:0px solid #000;
	    background-color:#fff;
	    background:#12B7F5;
	    border-radius:12px 12px 0px 0px;
	    -webkit-border-radius:12px 12px 0px 0px;
        -ms-border-radius:12px 12px 0px 0px;
        -moz-border-radius:12px 12px 0px 0px;
	    background-image:-webkit-gradient(
        linear,39% 0,0 89%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#fff),
        to(#fff) 
    ),
      -webkit-gradient(
        linear,60% 0,100% 100%,
        from(transparent),
        color-stop(.5,transparent),
        color-stop(.5,#fff),
        to(#fff)                                            
    );                                
    background-size:10px 5px;
    background-repeat:repeat-x;
    background-position:0 100%;                   
}
.box-content-gear-my p{
	line-height:47px;
	padding-left:5%;
	font-size:2rem;
	color:#fff;
	float:left;
	border:0px solid red;
}
.box-content-gear table{
	/*margin-left:68%;*/
	line-height:50px;
	float:right;
	margin-right:5%;
}
select{
	background:#12B7F5;
	border:1px solid #fff;
}

/*二维码*/
.content-two{
	width:100%;
	height:165px;
	background-color:white;
	border:0px solid red;
	margin-top:-7px;
	padding-top:10px;
	text-align: center;
	display: inline-block;
}

.content-two img{
	border:0px solid orange;
	margin:0 auto;
	text-align:center;
	padding:0;
	 width:120px; 
	 height:130px;
}

.content-two-p label{
	text-align:center;
	margin:0 auto;
	border:0px solid blue;
	padding:0;
	/*display: inline-block;*/
}
.content-two-p2 label{
	text-align: center;
}


/*会员信息*/
.content-div3{
	width:100%;
	height:110px;
	border:0px solid gray;
}
.content-div3-1{
	width:33.3%;
	height:110px;
	float:left;
	border-radius:0px 0px 0px 12px ;
    -webkit-border-radius:0px 0px 0px 12px ;
    -ms-border-radius:0px 0px 0px 12px ;
    -moz-border-radius:0px 0px 0px 12px ;
	border:0px solid gray;
	border-top:1px solid #FCFCFC;
	border-right:1px solid #FCFCFC;
	background-color:white;
}
.peonum{
	text-align: center;
    margin-top: 22px;
    }
.peonum img{
	width:20px;height:16px;
}
.peonum p{
	font-size: 3.2rem;
}
.content-div3-2{
	width:33.3%;
	height:110px;
	float:left;
	
	border:0px solid gray;
	border-top:1px solid #FCFCFC;
	border-right:1px solid #FCFCFC;
	background-color:white;
}
.content-div3-3{
	width:33.4%;
	height:110px;
	float:left;
	border-top:1px solid #FCFCFC;
	border:0px solid gray;
    border-top:1px solid #FCFCFC;
	background-color:white;
	border-radius:0px 0px 12px 0px ;
	-webkit-border-radius:0px 0px 12px 0px ;
    -ms-border-radius:0px 0px 12px 0px ;
    -moz-border-radius:0px 0px 12px 0px ;
}
.content-box1{
	width:94%;
	height:60px;
	margin:0 auto;
	border:0px solid red;
	border-radius:8px;
	-webkit-border-radius:8px;
    -ms-border-radius:8px;
    -moz-border-radius:8px;
	background-color:white;
	margin-top:15px;
}
.box1-top{
	/*margin-top:-15px;*/
}
.content-box1-jibie-div img{
	border-radius: 100%;
	margin-top:7px;
}
.content-box1-jibie-div{
	width:17%;
	height:60px;
	float:left;
	margin-left:5%;
	border:0px solid red;
}
.content-box1-jibie-div2{
	width:40%;
	height:40px;
	float:left;
	padding-left:1%;
	border:0px solid red;
	margin-top:15px;
}
.content-box1-jibie-div2 p{
	line-height:10px;
}
.content-box1-jibie-div2 span{
	font-size:10px;
	color:#BDBDBD;
}
.content-box1-jibie-div3{
	width:38%;
	height:60px;
	float:left;
	border:0px solid red;
}
.content-box1-jibie-div3-div{
	width:100%;
	height:30px;
	border:0px solid red;
}
.content-box1-jibie-div3-div2{
	width:100%;
	height:30px;
	border:0px solid red;
}
.content-box1-jibie-div3-div p{
	padding-top:8px;
	color:#B0B0B0;
}
.content-box1-jibie-div3-div2 p{
	width:40%;
	height:18px;
	margin-left:60%;
	background-color:#CF9F63;
	border:0px solid red;
	font-size:10px;
	text-align: center;
}
.content-box1-jibie-div3-div2-y{
	width:40%;
	height:18px;
	margin-left:60%;
	background-color:#FED05B;
	border:0px solid red;
	font-size:10px;
	text-align: center;
}
.content-box1-jibie-div3-div2-o{
	width:40%;
	height:18px;
	margin-left:60%;
	background-color:#F77404;
	border:0px solid red;
	font-size:10px;
	text-align: center;
}
.color-white{
	color:white;
}
.member{
	width: 100%;
	height:80px;
	background-color: #F0F0F0;
	margin-top: -10px;
}
.member_juzhon{
	width: 94%;
	height: 80px;
	margin: auto;
	line-height: 80px;
	border-radius: 10px;
}
.member_juzhon_left{
	width: 50%;
	height: 80px;
	float: left;
	background-color:#12B7F7 ;
	border-radius: 10px;
	text-align: center;
	font-size: 20px;
	color: white;
}
.member_juzhon_right {
	width: 50%;
	height: 80px;
	float: left;
	background-color: white;
	border-radius: 10px;
	text-align: center;
	font-size: 20px;
	color: #9F9F9F;
}

@media screen and (min-width:768px ) {
	#box{
		height:1024px;
	}
}